<%-- 
    Document   : game
    Created on : 30-nov-2009, 14:55:15
    Author     : Maik
--%>
 
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title> Spel + spelID!! -- Made by Dustin & Maik © 2009</title>
	<link rel="stylesheet" type="text/css" href="images/style2.css" />
<script type="text/javascript" language="Javascript" src="images/click.js"></script>

</head>
<body>

<div class="informatie">
<table>
<tr><td><h3>Informatie</h3></td></tr>
<tr style="font-weight:bold;"><td width="150">Naam</td><td>Punten</td></tr>
<tr><td>Player 1</td><td>2</td></tr>
<tr><td>Player 2</td><td>2</td></tr>
<tr><td>Player 3</td><td>1</td></tr>
<tr><td>Player 4</td><td>bok</td></tr>
</table>
<br />
<input type="button" disabled="false" value="Start!" />
<input type="button" value="Stop!" />
</div>

<div class="tafel">
<!-- kaarten links -->
	<div class="dichtekaart" style="top:90px; left:25px;"></div>
	<div class="dichtekaart" style="top:220px; left:25px;"></div>
	<div class="dichtekaart" style="top:350px; left:25px;"></div>
	<!-- kaarten boven -->
	<div class="dichtekaart" style="top:20px; left:240px;"></div>
	<div class="dichtekaart" style="top:20px; left:350px;"></div>
	<div class="dichtekaart" style="top:20px; left:460px;"></div>
	<!-- kaarten rechts -->
	<div class="dichtekaart" style="top:90px; left:684px;"></div>
	<div class="dichtekaart" style="top:220px; left:684px;"></div>
	<div class="dichtekaart" style="top:350px; left:684px;"></div>

	<!-- kaarten onder (speler 1) -->
	<div class="kaart" onClick="border(this,'onder');" name="onder" id="0" style="background-image: url(images/<% out.print(request.getAttribute("HC2") == null ? "back" : request.getAttribute("HC0")); %>.png); top:420px; left:240px;"></div>
	<div class="kaart" onClick="border(this,'onder');" name="onder" id="1" style="background-image: url(images/<% out.print(request.getAttribute("HC2") == null ? "back" : request.getAttribute("HC1")); %>.png); top:420px; left:350px;"></div>
	<div class="kaart" onClick="border(this,'onder');" name="onder" id="2" style="background-image: url(images/<% out.print(request.getAttribute("HC2") == null ? "back" : request.getAttribute("HC2")); %>.png); top:420px; left:460px;"></div>
	<!-- kaarten in het midden -->
	<div class="kaart" onClick="border(this,'midden');" name="midden" id="0" style="background-image: url(images/<% out.print(request.getAttribute("TC0") == null ? "back" : request.getAttribute("TC0")); %>.png); top:220px; left:190px;"></div>
	<div class="kaart" onClick="border(this,'midden');" name="midden" id="1" style="background-image: url(images/<% out.print(request.getAttribute("TC1") == null ? "back" : request.getAttribute("TC1")); %>.png); top:220px; left:300px;"></div>
	<div class="kaart" onClick="border(this,'midden');" name="midden" id="2" style="background-image: url(images/<% out.print(request.getAttribute("TC2") == null ? "back" : request.getAttribute("TC2")); %>.png); top:220px; left:410px;"></div>
	<div class="dichtekaart" onClick="border(this,'midden');" name="midden" id="3" style="top:220px; left:520px;"></div>
</div>

<div style="position:absolute; top:575px; left:600px;">
    <form name="form" action="GameServlet" method="POST">
        <input type="submit" value="Doe actie" />
        <select name="actie" >
            <option value="Pas">Pas</option>
            <option value="Wissel">Wissel</option>
            <option value="Wissel alles">Wissel alles</option>
        </select>
        <input type="hidden" name="selectOnder" value="" />
        <input type="hidden" name="selectMidden" value="" />
    </form>
</div>

</body>
</html>
